<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>online_shop</title>
    <link rel="icon" href="https://www.muji.com.cn/cn/store/favicon.png" type="image/png">
    <link rel="stylesheet" href="/css/login.css">
    <link rel="stylesheet" href="/libs/font/font1/iconfont.css">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="/css/online_shop.css">
</head>
<body>
    <header>
        
    </header>
    <nav>
        <div class="nav">
            <ul>
                <li><a href="javascript:void(0);"><i class="iconfont icon-sousuo" title="搜索"></i></a></li>
                <li><a href="javascript:void(1);"><i class="iconfont icon-fenlei" title="分类"></i></a></li>
                <li><a href="javascript:void(2);"><i class="iconfont icon-xiaoxi" title="消息"></i></a></li>
                <li><a href="javascript:void(3);"><i class="iconfont icon-gouwuche" title="购物车"></i></a></li>
                <li><a href="javascript:void(4);">下载移动端 App</a></li>
                <li class="LorR"><a href="/html/login.html" >登录 / 注册</a></li>
                <li class="user" id="user">欢迎你:<span></span></li>
            </ul>
        </div>
    </nav>
    <main>
        <div class="notice">
            <h2>公 告</h2>
            <div class="input">包邮金额门槛调整通知</div>
            <div class="notice_img"><img src="/images/you1.png" alt=""></div>
        </div>
        <div class="rotation">
            <div class="carousel swiper-container" id="banner1">
                <div class="swiper-wrapper" id="banner1List">
                   
                </div>
                <script type="text/html" id="banner1Template">
                    {{each list item}}
                        <div class="swiper-slide">
                            <img src="{{item.image.url}}" alt="">
                        </div>
                    {{/each}}
                </script>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
                
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
        <div class="new_shop">
            <h2>新到商品</h2>
            <a href="javascript:void(0);">查看全部</a>
        </div>
        <div class="roll_shop">
           <div class="btn-prov btn">&lt;</div>
           <div class="btn-next btn">&gt;</div>
           <div class="lb">
            <ul id="lbList">
                
            </ul>
           </div>
            
            <script type="text/html" id="lbTemplate">
                {{each list item}}
                    <li>
                        <a href="/html/category.html?id={{item.id}}" target="_blank" class="con_gift">
                            <img src="{{item.imageUrl}}" alt="">
                            <p>{{item.name}}</p>
                            <span>￥{{item.flowBoardId}}</span>
                        </a>
                    </li>
                {{/each}}
            </script>
        </div>
        <div class="gary">
            <div class="new_shop">
                <h2>衣服杂货</h2>
                <a href="javascript:void(0);">查看全部</a>
            </div>
            <div class="clothes">
                <ul id="classifyList1">
                    
                </ul>
                <script type="text/html" id="classifyTemplate1">
                    {{each list item}}
                        <li>
                            <a href="/html/category.html?id={{item.id}}" target="_blank" class="con_gift">
                            <img src="{{item.imageUrl}}" alt="">
                             <span>{{item.name}} </span>
                            </a>
                        </li>
                    {{/each}}
                </script>
            </div>
            <div class="new_shop">
                <h2>生活杂货</h2>
                <a href="javascript:void(0);">查看全部</a>
            </div>
            <div class="clothes">
                <ul id="classifyList2">
                    
                </ul>
                <script type="text/html" id="classifyTemplate2">
                    {{each list item}}
                        <li>
                            <a href="/html/category.html?id={{item.id}}" target="_blank" class="con_gift">
                            <img src="{{item.imageUrl}}" alt="">
                            <span>{{item.name}}</span>
                        </a>
                        </li>
                    {{/each}}
                </script>
            </div>
            <div class="new_shop">
                <h2>生活杂货</h2>
                <a href="javascript:void(0);">查看全部</a>
            </div>
            <div class="clothes">
                <ul id="classifyList3">
                    
                </ul>
                <script type="text/html" id="classifyTemplate3">
                    {{each list item}}
                        <li>
                            <a href="/html/category.html?id={{item.id}}" target="_blank" class="con_gift">
                            <img src="{{item.imageUrl}}" alt="">
                            <span>{{item.name}}</span>

                            </a>
                        </li>
                    {{/each}}
                </script>
            </div>

        </div>
        <div class="waterfall">
            <h2>推荐商品</h2>
            <ul class="waterfall_01" id="waterfallList">
                
            </ul>
            <script type="text/html" id="waterfallTemplate">
                {{each list item}}
                    <li>
                        <a href="/html/buy.html?id={{item.id}}" target="_blank" class="con_gift">
                        <img src="{{item.image}}" alt="">
                        <p>{{item.title.slice(0,10)+'...'}}</p>
                        <p>{{item.expireMsg}}</p>
                        <span>¥{{item.tbOriginPrice}}</span>
                        </a>
                    </li> 
                {{/each}}
            </script>
        </div>
    </main>
    <script src="/libs/require/require.min.js" data-main="/js/online_shop"></script>
</body>
</html>